<template>
  <div>
    <Header v-if="pathList.indexOf(path)===-1"></Header>
    <router-view />
    <Footer v-if="pathList.indexOf(path)===-1"></Footer>
  </div>
</template>
<script>
import Header from "./components/header/header.vue";
import Footer from "./components/footer/footer.vue";
export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  props: {},
  data() {
    return {
      // 隐藏头部底部相关页面
      pathList:[
        '/print',
      ],
      path:this.$route.path,
    };
  },
  created(){
   this.path=this.$route.path
  },
  watch: {
    $route(to) {
       this.path=to.path
    },

  },
};
</script>
<style lang="scss">
html,
body {
  margin: 0;
  padding: 0;
  background: #f0f5fa;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
body,
html {
  background: #f0f5fa;
  color: #000;
  font: 16px/18px "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif",
    "WenQuanYi Micro Hei", Arial, Helvetica, sans-serif;
}

a,
a.link {
  color: #000;
  text-decoration: none;
}
// @import url(./styles/css/enroll.scss);
// @import url(./styles/css/enroll_reactive.scss);
</style>
